<!DOCTYPE html>
<html lang="en">
<head>
    <title>About</title>
    <meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Your description">
    <meta name="keywords" content="Your keywords">
    <meta name="author" content="Your name">
    <link rel="icon" href="img/favicon.ico" type="image/x-icon">
    <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="css/bootstrap.css" type="text/css" media="screen">
    <link rel="stylesheet" href="css/responsive.css" type="text/css" media="screen">
    <link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700' rel='stylesheet' type='text/css'>
	<script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
    <script src="js/jquery.ui.totop.js" type="text/javascript"></script>	
	<!--[if lt IE 8]>
  		<div style='text-align:center'><a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img src="http://www.theie6countdown.com/img/upgrade.jpg"border="0"alt=""/></a></div>  
 	<![endif]-->
  	<!--[if lt IE 9]>
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:600' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:700' rel='stylesheet' type='text/css'>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <link rel="stylesheet" href="css/docs.css" type="text/css" media="screen">
    <link rel="stylesheet" href="css/ie.css" type="text/css" media="screen">
  <![endif]-->
</head>

<body>
<!--==============================header=================================-->
<header>
    <div class="container">
    	<div class="row">
        	<div class="span12">
            	<div class="header-block clearfix">
                    <div class="clearfix header-block-pad">
                        <h1 class="brand"><a href="index.php"><img src="img/logo.png" alt=""></a><span>Fashion brand</span></h1>
                        <form id="search-form" action="search.php" method="GET" accept-charset="utf-8" class="navbar-form" >
                            <input type="text" name="s" onBlur="if(this.value=='') this.value=''" onFocus="if(this.value =='' ) this.value=''"  >
                            <a href="#" onClick="document.getElementById('search-form').submit()"></a>
                        </form>
                        <span class="contacts">Call Us Toll Free:  <span>+1 234 567 89 90</span><br>E-mail: <a href="#">company@demolink.org</a></span>
                    </div>
                    <div class="navbar navbar_ clearfix">
                        <div class="navbar-inner navbar-inner_">
                            <div class="container">
                                <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse_">MENU</a>                                                   
                                <div class="nav-collapse nav-collapse_ collapse">
                                    <ul class="nav sf-menu">
                                      <li class="li-first"><a href="index.php"><em class="hidden-phone"></em><span class="visible-phone">Home</span></a></li>
                                      <li class="active sub-menu"><a href="index-1.php">about</a>
                                        <ul>
                                          <li><a href="#">Welcome Message</a></li>
                                          <li class="sub-menu"><a href="#">Company Profile</a>
                                            <ul>
                                              <li><a href="#">Our Capabilities</a></li>
                                              <li><a href="#">Advantages</a></li>
                                              <li><a href="#">Work Team</a></li>
                                              <li><a href="#">Partnership</a></li>
                                              <li><a href="#">Support</a></li>
                                            </ul>
                                          </li>
                                          <li><a href="#">Our History</a></li>
                                          <li><a href="#">Testimonials</a></li>
                                        </ul>
                                      </li>
                                      <li><a href="index-2.php">services</a></li>
                                      <li><a href="index-3.php">collections</a></li>
                                      <li><a href="index-4.php">styles</a></li>
                                      <li><a href="index-5.php">contacts</a></li>
                                    </ul>
                                </div>
                                <ul class="social-icons">
                                    <li><a href="#"><img src="img/icon-1.png" alt=""></a></li>
                                    <li><a href="#"><img src="img/icon-2.png" alt=""></a></li>
                                    <li><a href="#"><img src="img/icon-3.png" alt=""></a></li>
                                    <li><a href="#"><img src="img/icon-4.png" alt=""></a></li>
                                </ul>
                            </div>
                        </div>
                     </div>   
                </div>
            </div>
       </div>     
    </div>
</header>
<section id="content">
<div class="sub-content">
  <div class="container">
    <div class="row">
    	<div class="span8">
        	<div class="clearfix cols-1">
                <div class="span4 left-0">
                    <h4>about us</h4>
                    <p class="lead">Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta.</p>
                    <figure class="img-indent"><img src="img/page2-img1.jpg" class="img-radius" alt=""></figure>
                    Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla dui. Fusce feugiat malesuada odio. Morbi nunc odio, gravida at, cursus nec, luctus a, lorem. 
                </div>
                <div class="span4">
                    <h4>our vision</h4>
                    <p class="lead">Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. </p>
                    <figure class="img-indent"><img src="img/page2-img2.jpg" class="img-radius" alt=""></figure>
                    Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla dui. Fusce feugiat malesuada odio. Morbi nunc odio, gravida at, cursus nec, luctus a, lorem. 
                </div>
            </div>
            <h4>our clients</h4>
            Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla dui. Fusce feugiat malesuada odio. Morbi nunc odio, gravida at, cursus nec, luctus a, lorem. Maecenas tristique orci ac sem. Duis ultricies pharetra magna. Donec accumsan malesuada orci. Donec sit amet eros. 
            <ul class="banners">
            	<li><a href="#"><img src="img/banner-1.jpg" alt=""></a></li>
                <li><a href="#"><img src="img/banner-2.jpg" alt=""></a></li>
                <li><a href="#"><img src="img/banner-3.jpg" alt=""></a></li>
                <li><a href="#"><img src="img/banner-4.jpg" alt=""></a></li>
                <li><a href="#"><img src="img/banner-5.jpg" alt=""></a></li>
                <li><a href="#"><img src="img/banner-6.jpg" alt=""></a></li>
                <li><a href="#"><img src="img/banner-7.jpg" alt=""></a></li>
                <li><a href="#"><img src="img/banner-8.jpg" alt=""></a></li>
            </ul>
            <div class="lists-width2">
                <ul class="list-2">
                    <li><a href="#">Vestibulum iaculis</a></li>
                    <li><a href="#">Lacinia est</a></li>
                    <li><a href="#">Proin dictum</a></li>
                    <li><a href="#">Elementum velit</a></li>
                </ul>
                <ul class="list-2">
                    <li><a href="#">Proin dictum</a></li>
                    <li><a href="#">Elementum velit</a></li>
                    <li><a href="#">Consequat ante</a></li>
                    <li><a href="#">Lorem ipsum dolor</a></li>
                </ul>
                <ul class="list-2">
                    <li><a href="#">Elementum velit</a></li>
                    <li><a href="#">Consequat ante</a></li>
                    <li><a href="#">Lorem ipsum dolor</a></li>
                    <li><a href="#">Sit amet</a></li>
                </ul>
                <ul class="list-2">
                    <li><a href="#">Lacinia est</a></li>
                    <li><a href="#">Proin dictum</a></li>
                    <li><a href="#">Elementum velit</a></li>
                    <li><a href="#">Consequat ante</a></li>
                </ul>
            </div>
        </div>    
        <div class="span4">
        	<h4>our team</h4>
            <ul class="thumbnails_2">
            	<li class="thumbnail_2">
                	<figure class="img-indent"><img src="img/page2-img3.jpg" class="img-radius" alt=""></figure>
                    <p class="text-info">Mark Johnson</p>
                    Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porce suscipit varius mi. <a href="#" class="underline">>></a>
                </li>
                <li class="thumbnail_2">
                	<figure class="img-indent"><img src="img/page2-img4.jpg" class="img-radius" alt=""></figure>
                    <p class="text-info">Helen Tompson</p>
                    Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porce suscipit varius mi. <a href="#" class="underline">>></a>
                </li>
                <li class="thumbnail_2">
                	<figure class="img-indent"><img src="img/page2-img5.jpg" class="img-radius" alt=""></figure>
                    <p class="text-info">Jessica Priston</p>
                    Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porce suscipit varius mi. <a href="#" class="underline">>></a>
                </li>
                <li class="thumbnail_2">
                	<figure class="img-indent"><img src="img/page2-img6.jpg" class="img-radius" alt=""></figure>
                    <p class="text-info">Alise Puse</p>
                    Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porce suscipit varius mi. <a href="#" class="underline">>></a>
                </li>
                <li class="thumbnail_2">
                	<figure class="img-indent"><img src="img/page2-img7.jpg" class="img-radius" alt=""></figure>
                    <p class="text-info">Sara Adams</p>
                    Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porce suscipit varius mi. <a href="#" class="underline">>></a>
                </li>
                <li class="thumbnail_2 bot-0">
                	<figure class="img-indent"><img src="img/page2-img8.jpg" class="img-radius" alt=""></figure>
                    <p class="text-info">Bradley Grosh</p>
                    Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porce suscipit varius mi. <a href="#" class="underline">>></a>
                </li>
            </ul>
        </div>
    </div>        
  </div>
</div>  
</section>
<footer>
   <div class="container">
    <div class="row">
      <div class="span4 float2">
        <form id="newsletter" method="post" >
            <label>Newsletter</label>
            <div class="clearfix">
                <input type="text" onFocus="if(this.value =='Enter e-mail here' ) this.value=''" onBlur="if(this.value=='') this.value='Enter e-mail here'" value="Enter e-mail here" >
                <a href="#" onClick="document.getElementById('newsletter').submit()" class="btn btn_">subscribe</a>
            </div>
        </form>
    </div>
    <div class="span8 float">
      	<ul class="footer-menu">
        	<li><a href="index.php">Home Page</a>|</li>
            <li><a href="index-1.php" class="current">about</a>|</li>
            <li><a href="index-2.php">Services</a>|</li>
            <li><a href="index-3.php">collections</a>|</li>
            <li><a href="index-4.php">styles</a>|</li>
            <li><a href="index-5.php">Contacts</a></li>
        </ul>
      	Stylish   &copy;  2012  |   <a href="index-6.php">Privacy Policy</a>
      </div>
    </div>
   </div>
</footer>
<script type="text/javascript" src="js/bootstrap.js"></script>
</body>
</html>
